<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>货比三家</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<!-- 引入css样式 -->
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<script src="js/yzs_index.js"></script>
	<script src="js/jquery-3.3.1.min.js"></script>


	<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

	<link rel="stylesheet" href="css/ydui.css?rev=@@hash">
<link rel="stylesheet" href="css/demo.css">
<script src="js/ydui.flexible.js"></script>

</head>
<body>
	<!-- 最为层容器 -->
	<div class="jd_container">
		<!-- 顶部 -->
		<div class="jd_header" style="height: 45px;">

			<!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
			<a href="#" id="J_Address"><span style="float: left;margin-left: -15%;margin-top: 5px;font-size: 28px;color: #000;"><i class="fa fa-bars"></i></span></a>
			<form class="form-search" style="margin-top: 8px;margin-left: 20px;">
			<div class="input-append">
			    <input type="text" class="span2 search-query" style="height: 30px;width: 80%;">
			    <button class="btn" style="height: 30px;">查询</button>
			  </div>
			</form>
			
		</div>




<script type="text/javascript" src="js/ydui.citys.js"></script>
<script type="text/javascript" src="js/ydui.js"></script>
<script type="text/javascript">
/**
 * 默认调用
 */
!function () {
	var $target = $('#J_Address');

	$target.citySelect();

	$target.on('click', function (event) {
		event.stopPropagation();
		$target.citySelect('open');
	});

	$target.on('done.ydui.cityselect', function (ret) {
		$(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
	});
}();

</script>


		<!-- 轮播图 -->
		<div class="jd_banner">
			<ul class="clearfix banner_images"style="margin-top: 40px;">
				<li><a href=""><img src="images/banner8.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner1.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner2.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner3.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner4.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner5.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner6.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner7.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner8.jpg" alt="" height="168" width="100%"></a></li>
				<li><a href=""><img src="images/banner1.jpg" alt="" height="168" width="100%"></a></li>
			</ul>
			<ul class="banner_index clearfix">
				<li class="current"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>

		
		<div id="top1" style="width: 100%; overflow: hidden; height: 25px;background-color: #8d91aa;">
			<div class="content_bottom" >
					<ul class="seckul clearfix">
						<li class="seck_list1">
							
								<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
							
							
						</li>
						<li class="seck_list1">
								<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
							
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
						<li class="seck_list1">
							<a class="btn btn-link" style="height: 30px;color: #fff;" href="#">
									<p>男装</p>
								</a>
						</li>
					</ul>

				</div>

			</div>
			
		

				<script type="text/javascript">
	var top=$("#top1").offset().top;
	$(window).scroll(function () {
	  if ($(window).scrollTop() >= 135) {
	    $("#top1").attr("style", "overflow: hidden;position:fixed;top:40px;left:0;z-index:90;background:black;color:#000;background-color: #8d91aa;");
	  } else {
	     $("#top1").attr("style", "width: 100%; overflow: hidden; height: 30px;background-color: #8d91aa;");
	  }
	}).trigger("scroll");
</script>





		<!-- 导航栏 -->
		<div class="jd_nav" style="background-color: #fff;">
			<div style="text-align:center;margin-top: 35px;"><h4>货比三家 您的私人导购</h4></div>
			
			<ul class="clearfix" style="margin-top: 20px;">
				<li>
					<a href="#">
						<span style="font-size: 32px;margin-left: 20px;color:#0072E3; "><i class="fa fa-tags"></i> </span>
						<p>分类查询</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-fire"></i> </span>
						
						<p>热门查询</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-shopping-bag"></i> </span>
						
						<p>品牌分类</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-star"></i> </span>

						<p>购物推荐</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-shopping-cart"></i> </span>
						
						<p>折扣专区</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-users"></i> </span>
						<p>购物分享</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-sort-amount-desc"></i> </span>
						<p>销量排名</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-sort-numeric-asc"></i> </span>
						<p>信用排名</p>
					</a>
				</li>
				<li>
					<a href="">
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-bar-chart"></i> </span>
						 
						<p>市场分析</p>
					</a>
				</li>
				<li>
					<a href="">
						
						<span style="font-size: 32px;margin-left: 20px;color: #0072E3;"><i class="fa fa-fax"></i> </span>
						 
						<p>联系我们</p>
					</a>
				</li>
			</ul>
			
		</div>


	

		<!-- 京东内容区域 -->
		<div class="jd_mian">
			<div class="main_content" style="background-color: #E7e8e8">
				
				
				<div class="super_day" style="height: 200px;">
					<div class="super_img">
						<a href="">
							<img src="images/1.webp" alt="" width="100%">
						</a>
					</div>


					
				</div>


				<div class="super_day">
					<div class="super_img">
						<a href="">
							<img src="images/superday.jpg" alt="" width="100%">
						</a>
					</div>


					
			<div class="container-fluid" style="background-color: #fff;height: 182px;">
				  <div class="row-fluid">
				    <div class="span4">
				      <!--Sidebar content-->
				      <img src="images/superday.jpg" alt="" style="height: 140px;margin-top: 20px;">
				    </div>
				    <div class="span7" style="margin-left: 20px;margin-top: 20px;">
				      <!--Body content-->
				      <h4>sadasdasdasd</h4>
				       <span>价格：</span><br>
				        <span>销量：</span><br>
				         <span>店家：</span><br>
				          <span>来源：</span><br>
				          <br>
				         <a class="btn btn-info" style="color: #fff;" title="Vest" >详情</a> 
				         <a class="btn btn-warning" style="color: #fff;" title="Vest" >收藏</a>
            			<a class="btn btn-success" style="color: #fff;" title="Vest"
            href="#" >购买</a> 
				    </div>
			  </div>
			</div>
			<br>


					
			<div class="container-fluid" style="background-color: #fff;height: 182px;">
				  <div class="row-fluid">
				    <div class="span4">
				      <!--Sidebar content-->
				      <img src="images/superday.jpg" alt="" style="height: 140px;margin-top: 20px;">
				    </div>
				    <div class="span7" style="margin-left: 20px;margin-top: 20px;">
				      <!--Body content-->
				      <h4>sadasdasdasd</h4>
				       <span>价格：</span><br>
				        <span>销量：</span><br>
				         <span>店家：</span><br>
				          <span>来源：</span><br>
				          <br>
				         <a class="btn btn-info" style="color: #fff;" title="Vest" >详情</a> 
				         <a class="btn btn-warning" style="color: #fff;" title="Vest" >收藏</a>
            			<a class="btn btn-success" style="color: #fff;" title="Vest"
            href="#" >购买</a> 
				    </div>
			  </div>
			</div>
			<br>

					
				<div class="container-fluid" style="background-color: #fff;height: 182px;">
				  <div class="row-fluid">
				    <div class="span4">
				      <!--Sidebar content-->
				      <img src="images/superday.jpg" alt="" style="height: 140px;margin-top: 20px;">
				    </div>
				    <div class="span7" style="margin-left: 20px;margin-top: 20px;">
				      <!--Body content-->
				      <h4>sadasdasdasd</h4>
				       <span>价格：</span><br>
				        <span>销量：</span><br>
				         <span>店家：</span><br>
				          <span>来源：</span><br>
				          <br>
				         <a class="btn btn-info" style="color: #fff;" title="Vest" >详情</a> 
				         <a class="btn btn-warning" style="color: #fff;" title="Vest" >收藏</a>
            			<a class="btn btn-success" style="color: #fff;" title="Vest"
            href="#" >购买</a> 
				    </div>
			  </div>
			</div>
			<br>

					
			<div class="container-fluid" style="background-color: #fff;height: 182px;">
				  <div class="row-fluid">
				    <div class="span4">
				      <!--Sidebar content-->
				      <img src="images/superday.jpg" alt="" style="height: 140px;margin-top: 20px;">
				    </div>
				    <div class="span7" style="margin-left: 20px;margin-top: 20px;">
				      <!--Body content-->
				      <h4>sadasdasdasd</h4>
				       <span>价格：</span><br>
				        <span>销量：</span><br>
				         <span>店家：</span><br>
				          <span>来源：</span><br>
				          <br>
				         <a class="btn btn-info" style="color: #fff;" title="Vest" >详情</a> 
				         <a class="btn btn-warning" style="color: #fff;" title="Vest" >收藏</a>
            			<a class="btn btn-success" style="color: #fff;" title="Vest"
            href="#" >购买</a> 
				    </div>
			  </div>
			</div>
			<br>

				<div class="container-fluid" style="background-color: #fff;height: 182px;">
				  <div class="row-fluid">
				    <div class="span4">
				      <!--Sidebar content-->
				      <img src="images/superday.jpg" alt="" style="height: 140px;margin-top: 20px;">
				    </div>
				    <div class="span7" style="margin-left: 20px;margin-top: 20px;">
				      <!--Body content-->
				      <h4>sadasdasdasd</h4>
				       <span>价格：</span><br>
				        <span>销量：</span><br>
				         <span>店家：</span><br>
				          <span>来源：</span><br>
				          <br>
				         <a class="btn btn-info" style="color: #fff;" title="Vest" >详情</a> 
				         <a class="btn btn-warning" style="color: #fff;" title="Vest" >收藏</a>
            			<a class="btn btn-success" style="color: #fff;" title="Vest"
            href="#" >购买</a> 
				    </div>
			  </div>
			</div>
			<br>


					<div class="container-fluid" style="background-color: #fff;height: 182px;">
				  <div class="row-fluid">
				    <div class="span4">
				      <!--Sidebar content-->
				      <img src="images/superday.jpg" alt="" style="height: 140px;margin-top: 20px;">
				    </div>
				    <div class="span7" style="margin-left: 20px;margin-top: 20px;">
				      <!--Body content-->
				      <h4>sadasdasdasd</h4>
				       <span>价格：</span><br>
				        <span>销量：</span><br>
				         <span>店家：</span><br>
				          <span>来源：</span><br>
				          <br>
				         <a class="btn btn-info" style="color: #fff;" title="Vest" >详情</a> 
				         <a class="btn btn-warning" style="color: #fff;" title="Vest" >收藏</a>
            			<a class="btn btn-success" style="color: #fff;" title="Vest"
            href="#" >购买</a> 
				    </div>
			  </div>
			</div>


					
				</div>
				<div class="super_day" style="margin-bottom: 60px;">
					<div class="super_img">
						<a href="">
							<img src="images/superday.jpg" alt="" width="100%">
						</a>
					</div>


					
				</div>
				






			</div>
		</div>
	</div>


<div style="background-color: #000;width:100%; height: 60px; position:fixed!important; position:absolute; right:0px; bottom:0px!important; bottom:auto; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));">
  


  <div class="tab-pane in active" style="text-align:center;width: 20%;float: left;margin-top: 5px;">
          <a class="btn btn-link" style="width: 90%;" href="/">
            <span style="font-size: 25px;color: #fff;"><i class="fa fa-home"></i></span>
            <br>
            <span style="font-size: 10px;color: #fff;">首页</span>
          </a>
          </div>


  <div class="tab-pane in active" style="text-align:center;width: 20%;float: left;margin-top: 5px;">
          <a class="btn btn-link" style="width: 90%;" href="/sp_query">
            <span style="font-size: 23px;color: #fff;"><i class="fa fa-rocket"></i></span>
            <br>
            <span style="font-size: 10px;color: #fff;">历史</span>
          </a>
          </div>


  <div class="tab-pane in active" style="text-align:center;width: 20%;float: left;margin-top: 5px;">

        <a class="btn btn-link" style="width: 90%;" href="/resultlistsp">
          <span style="font-size: 23px;color: #fff;"><i class="fa fa-heart"></i></span>
            <br>
            <span style="font-size: 10px;color: #fff;">收藏</span>
          </a>

        </div>

  <div class="tab-pane in active" style="text-align:center;width: 20%;float: left;margin-top: 5px;">
       
          <a class="btn btn-link" style="width: 90%;" href="/myhomesp">
            <span style="font-size: 23px;color: #fff;"><i class="fa fa-user"></i></span>
            <br>
            <span style="font-size: 8px;color: #fff;">我的</span>
          </a>
           
      </div>
  <div class="tab-pane in active" style="text-align:center;width: 20%;float: left;margin-top: 5px;">
        
          <a class="btn btn-link" style="width: 90%;" onclick="window.scrollTo(0,0);">
            <span style="font-size: 23px;color: #fff;"><i class="fa fa-share-square"></i></span>
            <br>
            <span style="font-size: 10px;color: #fff;">置顶</span>
          </a>

          </div>



</div>


</body>
</html>